<!DOCTYPE html>
<html class="no-js" lang="zh_CN">
<head>
    <!-- meta -->
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1">
    <!-- /meta -->
    <meta name="renderer" content="webkit">
    <title>${system_admin_title}</title>

    <!-- 地图 -->
    <link rel="stylesheet" href="$!basePath/framework/plugins/jvectormap/jquery-jvectormap-1.2.2.css">
    #required_css
    <link rel="stylesheet" href="$!basePath/framework/css/ext/dash.css">
</head>

<body>#loading
    
    <div class="app $!layout">
        <!-- 头部菜单 -->
        #header
        <section class="layout">
            <!-- 菜单 -->
            #sidebar
            <section class="container">
                <!-- 内容主体 -->
                <section class="main-content">
                    <div class="content-wrap">
                        <div class="wrapper">
                            <div class="row">
                                <div class="col-md-3 col-sm-6 col-xs-12">
                                    <section class="dash-tile">
                                        <div class="tile-title title-heading text-center">
                                            <span>实时CPU使用率</span>
                                        </div>
                                        <div class="tile-stats tile-stats-cpu"><b>0</b>
                                        </div>
                                        <div class="mb20"></div>
                                        <div class="tile-chart tile-line tile-line-cpu" style="height: 40px;"></div>
                                        <div class="tile-footer">间隔60秒</div>
                                    </section>
                                </div>
                                <div class="col-md-3 col-sm-6 col-xs-12">
                                    <section class="dash-tile bg-warning">
                                        <div class="tile-title title-heading text-center bg-warning">
                                            <span>实时内存占用</span>
                                        </div>
                                        <div class="tile-stats tile-stats-mem"><b>0</b>
                                        </div>
                                        <div class="mb20"></div>
                                        <div class="tile-chart tile-line tile-line-mem" style="height: 40px;"></div>
                                        <div class="tile-footer">间隔60秒</div>
                                    </section>
                                </div>
                                <div class="col-md-3 col-sm-6 col-xs-12">
                                    <section class="dash-tile bg-info">
                                        <div class="tile-title">
                                            <span>实时在线用户数</span>
                                        </div>
                                        <div class="tile-stats tile-stats-users"><b>0</b>
                                        </div>
                                        <div class="mb20"></div>
                                        <div class="tile-chart tile-line tile-line-users" style="height: 40px;"></div>
                                        <div class="tile-footer">间隔60秒</div>
                                    </section>
                                </div>
                                <div class="col-md-3 col-sm-6 col-xs-12">
                                    <section class="dash-tile bg-success">
                                        <div class="tile-title">本月物业费已收取</div>
                                        <div class="tile-stats"><b>89790</b>
                                        </div>
                                        <div class="tile-bottom">
                                            <small><i class="ti-arrow-circle-up mr5"></i>今天收取 4.6% 的<b>费用</b></small>
                                        </div>
                                        <div class="tile-footer">截止于2015-02-01</div>
                                        <div class="tile-icon">
                                            <i class="fa fa-cny"></i>
                                        </div>
                                    </section>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-12 col-lg-8">
                                    <div class="panel no-b rounded overflow-hidden">
                                        <div class="panel-body no-p bg-primary">
                                            <div class="map clearfix" style="display: block;height: 200px;"></div>

                                            <div class="row text-center" style="padding: 40px 0;">
                                                <div class="col-xs-6 col-sm-3">
                                                    <span class="h4 show count" data-from="0" data-to="5687" data-interval="50">0</span>
                                                    <small class="text-uppercase">用户数</small>
                                                </div>
                                                <div class="col-xs-6 col-sm-3">
                                                    <span class="h4 show count" data-from="0" data-to="$!todayCount">0</span>
                                                    <small class="text-uppercase">页面访问量</small>
                                                </div>
                                                <div class="col-xs-6 col-sm-3">
                                                    <span class="h4 show count" data-from="0" data-to="12095">0</span>
                                                    <small class="text-uppercase">外部访问(Pingbacks)</small>
                                                </div>
                                                <div class="col-xs-6 col-sm-3">
                                                    <span class="h4 show count" data-from="0" data-to="9427" data-interval="50">0</span>
                                                    <small class="text-uppercase">跳出率</small>
                                                </div>
                                            </div>
                                        </div>
                                        <ul class="list-group">
                                            <li class="list-group-item no-b">
                                                <span class="badge bg-danger">14</span>
                                                马绍尔群岛
                                            </li>
                                            <li class="list-group-item">
                                                <span class="badge bg-success">2</span>
                                                圣基茨和尼维斯
                                            </li>
                                            <li class="list-group-item">
                                                <span class="badge bg-warning">1</span>
                                                安提瓜和巴布达
                                            </li>
                                        </ul>
                                    </div>

                                    <section class="widget">
                                        <div class="row equal-blocks no-m">
                                            <div class="col-xs-6 block">
                                                <div class="text-center">
                                                    <i class="fa fa-gear fa-5x text-info"></i>
                                                    <h6 class="text-uppercase">系统消息</h6>
                                                </div>
                                            </div>
                                            <div class="col-xs-6 block bg-primary brtr brbr p25">
                                                <div class="arrow left"></div>
                                                <div class="widget-body">
                                                    新版本已经发布. 需要详细了解请点击: <a href="http://weibo.com/nethsoft">weibo.com/nethsoft</a> 发布于 <a href="#" class="small">2014年9月10日</a>
                                                </div>
                                            </div>
                                        </div>
                                    </section>
                                </div>
                                <div class="col-md-12 col-lg-4 col-md-4">

                                    <section class="widget">
                                        <div class="widget-header bg-info">
                                            <i class="ti-arrow-circle-up text-white"></i>
                                            <span class="h3">4.48</span>
                                            <span>K</span>
                                            <span class="small show text-uppercase">预计增长 23%</span>
                                        </div>
                                        <div class="widget-body bg-info">
                                            <div class="text-center mt15 mb10">
                                                <span class="dash-line"></span>
                                            </div>
                                        </div>
                                        <footer class="widget-footer text-center">
                                            <div class="row">
                                                <div class="col-xs-4">
                                                    <div class="small show text-uppercase text-muted">销售</div>
                                                    <div class="h4 no-m"><b>5467</b>
                                                    </div>
                                                </div>
                                                <div class="col-xs-4">
                                                    <div class="small show text-uppercase text-muted">经销商</div>
                                                    <div class="h4 no-m"><b>6873</b>
                                                    </div>
                                                </div>
                                                <div class="col-xs-4">
                                                    <div class="small show text-uppercase text-muted">逆转</div>
                                                    <div class="h4 no-m"><b>8</b>
                                                    </div>
                                                </div>
                                            </div>
                                        </footer>
                                    </section>

                                    <section class="widget bg-danger">
                                        <div class="cover rounded"></div>
                                        <div class="overlay rounded bg-danger"></div>
                                        <div class="widget-header text-center">
                                            <a href="javascript:;"><i class="ti-plus text-white pull-right"></i></a>
                                            <a href="javascript:;"><i class="ti-menu text-white pull-left"></i></a>
                                            <span>引用</span>
                                        </div>
                                        <div class="widget-body">
                                            <blockquote class="no-p no-m">
                                                <p>This is dummy copy. It's Greek to you. Unless, of course, you're Greek, in which case, it really makes no sense. Why, you can't even read it! It is strictly for mock-ups. You may mock it up as strictly as you wish.</p>
                                                <small class="text-white">Steve Jobs, CEO Apple</small>
                                            </blockquote>
                                        </div>
                                        <footer class="widget-footer">
                                            <p class="small text-right">
                                                <a href="javascript:;" class="text-white mr10">Reply</a>
                                                <a href="javascript:;" class="text-white"><i class="ti-heart mr5"></i>Like</a>
                                            </p>
                                        </footer>
                                    </section>

                                    <section class="widget">
                                        <div class="cover rounded"></div>
                                        <div class="overlay rounded bg-color"></div>
                                        <div class="widget-body">
                                            <div class="text-white">
                                                <br>
                                                <p>Shaw, those twelve beige hooks are joined if I patch a young, gooey mouth.
                                                </p>
                                                <div class="mb10">
                                                    <a href="javascript:;" class="text-muted mr15">
                                                        <i class="ti-comment  mr5"></i>3523
                                                    </a>
                                                    <a href="javascript:;">
                                                        <i class="ti-heart  text-danger mr5"></i>12K
                                                    </a>
                                                </div>
                                                <ul class="text-white list-style-none">
                                                    <i class="fa fa-star text-danger"></i>
                                                    <i class="fa fa-star text-danger"></i>
                                                    <i class="fa fa-star text-danger"></i>
                                                    <i class="fa fa-star-o"></i>
                                                    <i class="fa fa-star-o"></i>
                                                </ul>

                                                <a href="javascript:;" class="show small">View Product</a>
                                            </div>
                                        </div>
                                    </section>
                                </div>
                            </div>
                            <div class="row mb25">
                                <div class="col-xs-12 text-right">
                                    <i class="ti-arrow-circle-up text-success"></i>
                                    <span class="h3">4.48</span>
                                    <span>次访问</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <footer>
                        #copyright
                    </footer>
                    <a class="exit-offscreen"></a>
                </section>
            </section>
        </section>
    </div>
    #required_js

    <!-- 页面组件脚本 -->
    <script src="$!basePath/framework/plugins/jquery.blockUI.js"></script>
    <script src="$!basePath/framework/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
    <script src="$!basePath/framework/plugins/jvectormap/jquery-jvectormap-china-zh_cn.js"></script>
    <script src="$!basePath/framework/plugins/jquery.sparkline.js"></script>
    <script src="$!basePath/framework/plugins/flot/jquery.flot.js"></script>
    <script src="$!basePath/framework/plugins/flot/jquery.flot.resize.js"></script>
    <script src="$!basePath/framework/plugins/count-to/jquery.countTo.js"></script>

    <!-- 本页面脚本 -->
    <script src="$!basePath/framework/js/dashboard.js"></script>
	<script src="$!basePath/framework/js/view/toast.js"></script>
    #loading_close
</body>
</html>
